{extend name="./app/system/view_mobile/public/layout.html" /}
{block name="title"}客户结算{/block}
{block name="head"}{/block}
{block name="body"}
<div class="m-head-box">
    <a href="javascript:;" onclick="back()" class="left-link left-nav">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h2 class="title">客户欠款列表</h2>
    <a href="/system/logic.order/paymoney.html" class="right-link">全部</a>
</div>
<form class="form-inline xz-form-inline" method="post" >
    <div class="form-group">
        <input class="form-control" name="rangdate" id="rangdate" type="text" value="{$rangdate}" placeholder="日期范围">
        <button type="submit" class="btn btn-info xz-btn-info">
	        <i class="fa fa-search"></i> 搜索
	    </button>
    </div>
</form>
<div class="xz-debt">
	{volist name="list" id="vo"}
	<div class="debt-item">
		<p class="dept-cur">客户信息：{$vo.btype.title}<span>{$vo.btype.btype_phone}</span></p>
		<p class="dept-cur">所属单位：{$vo.btype.company}</p>
		<div class="weui-flex xz-weui-flex">
		  	<div class="weui-flex__item xz-flex__item">
		  		<p>订单总额</p>
		  		<p>{$vo.sum_order_charge}</p>
		  	</div>
		  	<div class="weui-flex__item xz-flex__item">
		  		<p>挂账额度</p>
		  		<p>{$vo.btype.credit_line}</p>
		  	</div>
		  	<div class="weui-flex__item xz-flex__item">
		  		<p>订单欠款</p>
		  		<p>{$vo.sum_order_q}</p>
		  	</div>
		</div>
	</div>
	{/volist}
	<div class="dept-sum">
		<p class="dept-summy">订单总额：<span class="dept-content dept-content1">{$sum.sum_order_charge}</span></p>
		<p class="dept-summy">欠款总额：<span class="dept-content dept-content2">{$sum.sum_order_q}</span></p>
	</div>
</div>
{/block}
{block name="script"}
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    });
    In('laydate',function () {
        laydate.render({
            elem: '#rangdate',
            range: '~'
        });
    })
</script>
{/block}